<script setup>
import IntroduceRow from '~/pages/dashboard/analysis/introduce-row.vue'
import SalesCard from '~/pages/dashboard/analysis/sales-card.vue'
import TopSearch from '~/pages/dashboard/analysis/components/top-search.vue'
import ProportionSales from '~/pages/dashboard/analysis/proportion-sales.vue'
import OfflineData from '~/pages/dashboard/analysis/offline-data.vue'

defineOptions({
  name: 'Analysis',
})
const loading = ref(false)
const visitData = ref([])
</script>

<template>
  <div style="background:#f4f8fd">
    <page-container
      class="bg"
    >
      <div
        style="position: absolute;left: 50%;top: 30%;transform: translate(-50%, -50%);"
      >
        <div
          class="font-600 iconfont" style="font-size:32px;"
        >
          欢迎使用支付开放平台
        </div>
        <div class="mt-6" style="font-size:16px;">
          让我们的支付开放平台成为您的首选，高效、安全、便捷的支付体验等您来享！
        </div>
      </div>
      <!-- 欢迎使用支付开放平台 -->
      <!-- <div />
      <Suspense :fallback="null">
        <IntroduceRow :loading="loading" :visit-data="visitData" />
      </Suspense>

      <Suspense :fallback="null">
        <SalesCard />
      </Suspense>

      <a-row
        :gutter="24"
        :style="{ marginTop: '24px' }"
      >
        <a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
          <Suspense :fallback="null">
            <TopSearch />
          </Suspense>
        </a-col>
        <a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
          <Suspense :fallback="null">
            <ProportionSales />
          </Suspense>
        </a-col>
      </a-row>

      <Suspense :fallback="null">
        <OfflineData />
      </Suspense> -->
    </page-container>
  </div>
</template>

<style scoped>
  .bg{
    height: 100vh;
    position: relative;
    width: 100%;
    background: url("@/assets/images/bg.png") 100% 100% no-repeat;
    background-size: contain;
  }
  .ant-tabs{
    display: none;
  }
  @font-face {
    font-family: "iconfont";
    font-weight: 400;
    src: url("../../../assets/fonts/TsangerYuYangT_W02_W02.ttf");
    /* src: url("//at.alicdn.com/wf/webfont/cT05EEUXsnZW/G9jvG3uRjQ5g.woff2") format("woff2"),
    url("//at.alicdn.com/wf/webfont/cT05EEUXsnZW/04nl5UyM1vkD.woff") format("woff"); */
    font-display: swap;
}
/* 定义字体 */
/* @font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2') format('woff2');
} */
.iconfont {
  font-family: "iconfont" !important;
}
/* src: url("../../../assets/fonts/TsangerYuYangT_W01_W01.ttf"); */
</style>
